<template>
    <div>
        <h2 @click="kun">{{ count }}</h2>
        <!-- <h3 v-if="count<30">我很困</h3> -->
        <!-- <h3 v-else-if="count<40">我有点困</h3>
        <h3 v-else>我很困</h3> -->

        <h4 v-show="count<30">我很困</h4>

    </div>
</template>

<script setup>
import {ref} from 'vue'

    let count = ref(20)
    const kun = () =>{
        count.value ++
    }
</script>

<style lang="css" scoped>

</style>